<!doctype html>
<html class="no-js">
  <head>
    <meta charset="utf-8">
    <title>实时数据监控平台</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="$!{__beat.server.contextPath}/tv-map/styles/main.css">
    <script src="$!{__beat.server.contextPath}/tv-map/bower_components/modernizr/modernizr.js"></script>
    <!-- endbuild -->
  </head>
  <body>
    <div class="wrap">
        <div class="aside">
            <h1>CPC实时数据</h1>
            <div class="city_box">
                <div class="city_bar"><strong>TOP </strong>/城市<span>（单位：元）</span></div>
                <ul>
                    <ol>
                        <span class="order">1</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">2</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">3</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">4</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">5</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">6</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">7</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">8</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">9</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">10</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                </ul>
            </div>
            <div class="class_box">
                <div class="class_bar"><strong>TOP</strong> /类别<span>
                    （单位：元）
                </span></div>
                <ul>
                    <ol>
                        <span class="order">1</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">2</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">3</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">4</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">5</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">6</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">7</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">8</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">9</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                    <ol>
                        <span class="order">10</span>
                        <span class="name nowrap">{{北京}}</span>
                        <span class="bar"><i></i><span class="amount">{{440445}}</span></span>
                    </ol>
                </ul>
            </div>
        </div>
        <div class="main">
            <div class="map_box">
                <div id="map" class="echarts"></div>
                <div class="total">
                    <div class="date">
                        <h3>今日累计</h3>
                        <p class="cur_date">{{2015年05月16日}}</p>
                        <p class="cur_time">{{08:12:57}}</p>
                    </div>
                    <div class="money">
                        <p class="money_titel">金额<small> /元</small></p>
                        <div class="money_num clearfix">
                            <p><span>3</span><span>3</span></p>
                            <p><span>,</span><span>,</span></p>
                            <p><span>1</span><span>1</span></p>
                            <p><span>2</span><span>2</span></p>
                            <p><span>3</span><span>3</span></p>
                            <p><span>,</span><span>,</span></p>
                            <p><span>1</span><span>1</span></p>
                            <p><span>2</span><span>2</span></p>
                            <p><span>3</span><span>3</span></p>
                        </div>
                    </div>
                    <div class="click">
                        <p class="click_titel">点击量</p>
                        <p class="click_num">28,374,210</p>
                    </div>
                </div>
            </div>
            <div class="click_box">
                <p class="head">
                    <span>时间</span>
                    <span>User ID</span>
                    <span>城市</span>
                    <span>类别</span>
                    <span>平台</span>
                    <span>金额</span>
                </p>
                <ul class="box_bg">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <ul class="box_data">
                </ul>
            </div>
        </div>
    </div>
    <script src="$!{__beat.server.contextPath}/bootstrap/jquery.js"></script>
<script src="$!{__beat.server.contextPath}/echarts2/source/echarts.js"></script>
    <script src="$!{__beat.server.contextPath}/tv-map/scripts/main.js"></script>
    <script type="text/javascript">
    require.config({paths: {echarts: '$!{__beat.server.contextPath}/echarts2/dist', tvmap: '$!{__beat.server.contextPath}/tv-map/scripts'}});

        require(['tvmap/realtime_cpc_map'],function(obj){
            obj.start();
        });
    </script>
</body>
</html>
